{
    // ts有时候并没有那么聪明 比如获取元素的时候，他的类型推断范围很大 Element类型
    // 所有的标签元素都是Element类型 那所有的元素都有href属性？不是
    // 比如a标签有href 所以要更加精确的告诉ts 我们现在拿到的元素是a标签
    // 类型断言 - 比ts更清晰知道是什么类型 断定确定的告诉他是什么类型 一定要你确定的否则会有问题
    // 语法 就是 as xxx(你断定的类型)
    // 有2个方案 方案1就是打印dir 方案2 写一行代码(document.createElement('标签名'))鼠标摸一摸然后在删掉
    const aEl = document.querySelector('#link') as HTMLAnchorElement
    // console.dir(aEl);
    aEl.href = 'https://www.baidu.com'

    const imgEl = document.querySelector('#img')
    console.log(imgEl);
    if (imgEl) {
        // 类型守卫
        (imgEl as HTMLImageElement).src = '图片地址'
    }

}


export { }
